const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      alias: {
        assets: '@/assets',
        common: '@/common',
        components: '@/components',
        network: '@/network',
        views: '@/views'
        //  this.$router
        //  this.$store   这样在所有文件都可以拿到，无需配置别名路径
      }
    }
  },
  devServer: {
    proxy: {
      '/api': { // 请求的代称，写在Axios里的BaseUrl
        target: 'http://localhost:8888', // 真实请求URl
        ws: true, // 如果要代理 websockets，配置这个参数
        changeOrigin: true, // 允许跨域
        pathRewrite: { // 替换，通配/api的替换成对应字符
          //     /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
          //       实际上访问的地址是：http://localhost:8088/spring/core/getData/userInfo,因为重写了 /api
          //      */
          '^/api': '' // 当你的接口中没有/api字眼时，采用这种，直接替换成空即可
          //     '^/api': '/api'   //当你的接口中刚好有/api 时，采用这种方式
        }
      }
    } 
  }
})
